<!--The content below is only a placeholder and can be replaced.-->
<div style="text-align:center">
  <h1>
    指令的使用
  </h1>
  <img width="100" src="">
</div>

<h2>使用指令更改内容，颜色: </h2>
<!-- 使用指令更改内容，颜色 -->
<h3 appStyle>
  我带有指令 appAuth
</h3>

<hr>

<h2>使用指令属性值进行权限控制: </h2>
<!-- 使用指令属性值进行权限控制 -->
<button appAuth="hasPermissionAdd" class="hide">新增</button>
<button appAuth="hasPermissionEdit" class="hide">编辑</button>
<button appAuth="hasPermissionDel" class="hide">刷除</button>
<button appAuth="hasPermissionView" class="hide">查看</button>
<button appAuth class="hide">授权</button>

<router-outlet></router-outlet>
